import { createGlobalStyle } from "styled-components"
export const GlobalStyle = createGlobalStyle`
	html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
	html { overscroll-behavior-x: none; }
	img{display: block;}
	
	body,html,#root{
			height: 100%;
			overflow: hidden;
	}
	.app-loading-wrapper.ant-spin-spinning {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10000;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
	}
	*, ::after, ::before {
		scrollbar-width: auto;
		scrollbar-color: auto;
	}
	::-webkit-scrollbar{
		width:4px;
		height:8px;
	}
	::-webkit-scrollbar-track{
		background: #696969;
		border-radius:8px;
	}
	::-webkit-scrollbar-thumb{
		border-radius:4px;
		width: 4px;
		height: 8px;
		background: #afafaf;
	}
	::-webkit-scrollbar-thumb:hover{
		background: #333;
	}
	::-webkit-scrollbar-corner{
		background: #00000000;
		border-radius: 2px
	}

	.wfull { width: 100% }
	.hfull { height: 100% }
	.flxR {
		display: flex;
		flex-direction: row
	}
	.flxC {
		display: flex;
		flex-direction: column
	}
	.fl1 {
		flex: 1
	}
	.ova { overflow: auto }
	.ovh { overflow: hidden }
	.csp {
		cursor: pointer
	}
	.w120 {
		width: 120px
	}
	.gap16 {gap: 16px}
	.gap8 {gap: 8px}
	
	// .ant-table-wrapper {flex: 1; overflow: hidden}
	// .ant-spin-nested-loading {height: 100%;}
	// .ant-spin-container {height: 100%;}
	// .ant-table-container {height: 100%;}
	// .ant-table-middle { height: calc(100% - 80px) }
	// .ant-table-content { height: 100% }
	//  {height: calc(100% - 50px)}
`
